<template>
  <div>
    <template v-if="$app.judgeData(his_pay)">
      <div class="overflowH f_14 TJ_big paddingT10">
        <div class="pullLeft f_bold f_16 c333 marginT10 overflowH" style="width:80px;">缴费记录</div>
        <div class="TJ_box borderNone">
          <Table :columns="columns" class="marginB20" :data="his_pay" stripe border width="1000"></Table>
        </div>
      </div>
    </template>
  </div>
</template>



<script>
export default {
  name: "his_pay",
  props: ["orderInfo", "his_pay"],
  data() {
     let {
      orderInfo,
      orderInfo:{
        note
      }
    }=this;
    

    let columns=[{
        title: "名 称",
        width: 180,
        render: (h, params) => {
          let {
            row: { 
              a1,
            }
          } = params;

          return h(
            "div",
            {},
            a1
          );
        }
      },{
        title: "金额（官费+服务费）",
        width: 400,
        render: (h, params) => {
          let {
            row: {
              auth_money,
              official,
              service,
              yinHua,
              type//1申请费，2收取费
            }
          } = params;
          return h(
            "div",[
              h(
                "span",
                { class: "cRed f_bold " },
                `¥ ${auth_money} 元`
              ),
              h(
                "span",
                { class: "" },
                `（${type==1?'官':'年'}: ${official}  服: ${service+(type==1?'':('  印花税: '+yinHua+''))} ）`
              )
            ]
          );
        }
      },{
        title: "缴费日期",
        width: 120,
        render: (h, params) => {
          let {
            row: { 
              a3
            }
          } = params;

          return h(
            "div",
            {},
            a3
          );
        }
      },{
        title: "缴费方式",
        width: 120,
        render: (h, params) => {
          let {
            row: { 
              a4
            }
          } = params;

          return h(
            "div",
            {},
            a4
          );
        }
      },{
        title: "状 态",
        render: (h, params) => {
          return h(
            "span",
              {
                class: "cCCC"
              },
            '已缴费'
          );
        }
      }]

    let data = {
      columns
    };
    let tool = {};
    return Object.assign(data, tool);
  },
  mounted() {},
  methods: {}
};
</script>